<template>
    <div class="w-[560px] rounded-sm border border-gray-200 bg-white p-3 shadow-md">
        
        <div class="flex flex-col gap-y-4">
            <div class="flex justify-between">
              <div class="flex gap-x-2">
                <img src="~@/assets/images/icon_Api.png" class="mt-1 h-4 w-4" alt="Api icon" />
                <div class="flex flex-col gap-y-1">
                  <h3 class="text-base">运行结果</h3>
                </div>
              </div>
            </div>
            <div class="p-2">

               <span> {{ storeMap.useDebuggerStore().debuggerRes  }}</span>
            </div>
        </div>
    </div>
</template>

<script setup>
import storeMap from '@/pina';
import {watch,ref,onMounted} from 'vue'
const debuggerResStore = storeMap.useDebuggerStore()
const data = ref()
// const debuggerData = localStorage.debuggerRes;
// watch(() => debuggerResStore.debuggerRes, (newValue, oldValue) => {
//   console.log(newValue,'newValue')
//   data.value = newValue;
// })
</script>

<style lang="scss" scoped>

</style>